<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/tld/Paging.tld" prefix="pagingTag"%>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags"%>
<head>
	<title>Tạo tài khoản</title>
	<script type="text/javascript">
		$(function(){
			//lay thong bao notice
		  	var notice = $.getUrlVar('notice');
			if (notice != null || notice != "") {
				if(notice=="emailAlreadyExists"){
					$("#notice").html("Email đã tồn tại!");
					$("#notice").fadeOut(5000);
				}else if(notice=="nickNameAlreadyExists"){
					$("#notice").html("Nick name đã tồn tại!");
					$("#notice").fadeOut(5000);
				}else if(notice=="successfully"){
					$("#notice").html("Tạo tài khoản thành công.");
					$("#notice").fadeOut(5000);
				}else if(notice=="error"){
					$("#notice").html("Dữ liệu truyền vào chưa chính xác.");
					$("#notice").fadeOut(5000);
				}
			}
			//end
			//check email
			$("#email").change(function(){
				var val = $(this).val();
				if(val!=null && val != ""){
					$.ajax({
						type:"post",
						url:'<spring:url value="/check-account.htm" />',
						data:{cl:"email",val:val},
						async:false,
						success:function(rs){
							if(rs){
								$(".checkEmail").html("Email này đã đc đăng ký.");
								$(this).css("border","1px solid red");
							}
						}
						
					});
				}
			});
			//check nickname
			$("#nickName").change(function(){
				var val = $(this).val();
				if(val!=null && val != ""){
					$.ajax({
						type:"post",
						url:'<spring:url value="/check-account.htm" />',
						data:{cl:"nickName",val:val},
						async:false,
						success:function(rs){
							if(rs){
								$(".checkNickName").html("Nick name này đã đc sử dụng.");
								$(this).css("border","1px solid red");
							}
						}
						
					});
				}
			});
		});
	</script>
</head>
<body>
	<section class="form">
		<form action="<spring:url value="/quan-ly/tai-khoan/xu-ly-edit-tai-khoan.htm" />" method="post">
			<fieldset>
				<legend>Chỉnh sửa tài khoản</legend>
				<section>
					<label>Quyền: </label>
					<select name="level" id="level">
						<option value="2" <c:if test="${account.level == 2}">selected="selected"</c:if>>Thành viên</option>
						<option value="3" <c:if test="${account.level == 3}">selected="selected"</c:if>>Nội dung</option>
						<option value="4" <c:if test="${account.level == 4}">selected="selected"</c:if>>Super Mod</option>
						<option value="5" <c:if test="${account.level == 5}">selected="selected"</c:if>>Admin</option>
					</select>
				</section>
				<section>
					<label for="fullName">Họ tên : </label>
					<input type="text" value="${account.fullName}" id="fullName" name="fullName" placeholder="Nhập họ tên..." />
				</section>
				<section>
					<label for="avatar">Avatar : </label>
					<input type="text" value="${account.avatar}" id="avatar" name="avatar" class="validate[custom[url]]" placeholder="Nhập avatar..." />
				</section>
				<section>
					<label for="address">Address : </label>
					<input type="text" value="${account.address}" id="address" name="address" placeholder="Nhập địa chỉ..." />
				</section>
				<section>
					<label for="mobile">Mobile : </label>
					<input type="text" value="${account.mobile}" id="mobile" name="mobile" class="validate[custom[phone]]" placeholder="Nhập số điện thoại..." />
				</section>
				<section>
					<label>Sex: </label>
					<select name="sex" id="sex">
						<option value="true" <c:if test="${account.sex == true}">selected="selected"</c:if>>Nam</option>
						<option value="false" <c:if test="${account.sex == false}">selected="selected"</c:if>>Nữ</option>
					</select>
				</section>
				<section>
					<label for="birthDay">Ngày sinh : </label>
					<input type="text" value='<fmt:formatDate pattern="dd/MM/yyyy" value="${account.birthDay}" />' id="birthDay" name="birthDay" placeholder="Nhập ngày sinh..." />
				</section>
				<section>
					<label for="liked">Được thích : </label>
					<input type="text" value="${account.liked}" id="liked" name="liked" class="validate[custom[onlyNumberSp]]" placeholder="Nhập số liked..." />
				</section>
				<section>
					<label for="toCoin">Vàng : </label>
					<input type="text" value="${account.toCoin}" id="toCoin" name="toCoin" class="validate[custom[onlyNumberSp]]" placeholder="Nhập số toCoin..." />
				</section>
				<section>
					<input type="hidden" value="${account.id}" id="id" name="id" class="validate[required]" />
					<button type="submit" class="button medium blue">Cập nhật</button>
				</section>
			</fieldset>
		</form>
	</section>
	<section class="clr"></section>
</body>
